<template>
    <input type="text" placeholder="请输入你的第一个数字" v-model.number="num1">
    <input type="text" placeholder="请输入你的第二个数字" v-model.number="num2">
    <button @click="getSum">求和</button>
    <p>第一个输入的值是{{ num1 }}</p>
    <p>第二个输入的值是{{ num2 }}</p>
    <p>和为{{ sum }}</p>
</template>
<script>
export default {
    name:"Sum",
    data(){
        return{
            num1:'',
            num2:'',
            sum:0
        }
    },
    methods:{
        getSum(){
           this.sum = this.num1 + this.num2
        }   
    }
}

</script>